<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery修改css样式</title>
    <script src="../jquery.min.js"></script>
    <style>
      div {
        width: 200px;
        height: 200px;
        background-color: pink;
      }
    </style>
</head>
<body>
  <div></div>
  <script>
    $(function () {
      //没有给值 就返回该属性的值
      // console.log($('div').css('width'));
      //修改属性 如果值是数字 可以不要单位和双引号 其他的必须带着双引号
      // $('div').css('width',300);
      //修改一组属性 给一个对象
      $('div').css({
        width:400,
        height:400,
        backgroundColor:'red'
      })
    })
  </script>
</body>
</html>